<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>训练大纲</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <div class="seed-gap"></div>

  <!--课程-->
  <!--<div class="plan-header">-->
    <!--<h1 class="plan-title ">-->
      <!--课程:{{className}}-->
    <!--</h1>-->
    <!--<seed-tab>-->
      <!--<seed-tab-item-->
        <!--*ngFor="let tab of tabs; let i =index"-->
        <!--[title]="tab.title"-->
      <!--&gt;-->
        <!--<div class="each-tab"-->
              <!--[ngClass]="{'item-no-data': tab.content === '暂无内容', 'tab-show': tab.isShow}"-->
             <!--&gt;-->
          <!--<span>{{ !tab.hasExtend || tab.isShow ? tab.content : tab.shortContent}}</span>-->
          <!--<span *ngIf="tab.hasExtend" (click)="tabContentSwitch(i)" class="text-switch">{{tab.isShow? '收起' : '展开'}}</span>-->
        <!--</div>-->
      <!--</seed-tab-item>-->
    <!--</seed-tab>-->
  <!--</div>-->

  <!--课程-->
  <div class="plan-header">
    <div class="class-name seed-underline">课程：{{className}}</div>
    <div class="seed-tab" >
      <div class="seed-tab-item"
           *ngFor="let tab of tabs; let i = index"
      >
        <div class="plan-header-name">{{tab.title}}</div>
        <div class="each-tab"
             [ngClass]="{'item-no-data': tab.content === '暂无内容', 'tab-show': tab.isShow}"
        >
          <span>{{ !tab.hasExtend || tab.isShow ? tab.content : tab.shortContent}}</span>
          <span *ngIf="tab.hasExtend" (click)="tabContentSwitch(i)"
                class="text-switch">{{tab.isShow? '收起' : '展开'}}</span>
        </div>
      </div>
    </div>
  </div>

  <div class="seed-gap"></div>

  <!--教案-->
  <div class="plan-content">
    <h2 class="content-title">课时（共{{classSchedule?.length || 0}}课时）</h2>
    <div class="content-content">

      <div class="content-item seed-flexbox seed-flexbox-content-between seed-underline seed-flexbox-align-center "
           *ngFor="let item of classSchedule; index as i "
           [class.seed-underline-none]="i == (classSchedule.length - 1)"
           [routerLink]="['/train/plan/lesson-detail',item.id]"
           [queryParams]="{subjectName: toolService.encodeUri(item.topicName?item.topicName:item.subjectName),lessonNum: i+1}"
           >
           <!--[queryParams]="{subjectName: toolService.encodeUri('课时' + (i+1) + ':' + item.subjectName), teacherName: toolService.encodeUri(item.teacherName)}"-->
      <!--&gt;-->
        <span class="subject-name">课时{{i+1}}：{{item.topicName?item.topicName:item.subjectName}}</span>
        <p class="seed-flexbox seed-flexbox-content-between"><span class="teacher-name">{{item.teacherName}}</span><seed-icons [icon]="'arrowRight'"></seed-icons></p>
      </div>

    </div>
  </div>
</seed-content>
